<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
    <script>
        $(function(){
            //prop方法 参考attr方法
            $("span").eq(0).prop("demo","it777")
            $("span").eq(1).prop("demo","lmj")
            console.log($("span").prop("demo"));
            
            //removeProp方法 参考removeAttr方法
            $("span").removeProp("demo")

            //注意!prop方法不光能操作属性还能操作属性节点
             console.log($("span").attr("class"));
             $("span").attr("class","myclass")

             //到底用attr还是prop?
            console.log($("input").attr("checked"))
            // log: checked / undefine
            console.log($("input").prop("checked"))
            // log: true / false
            /*
            官方推荐在操作属性节点时,具有true和false两个属性的属性节点,如checked,selected,disabled 使用prop(),其他用attr()
            */
        })
    </script>
</head>
<body>
    <span class="span1" name="it666"></span>
    <span class="span2" name="lnj"></span>
    <!-- input:c -->
    <input type="checkbox" name="" id="">
</body>
</html>